<template>
  <el-row :gutter="12" class="demo-radius">
    <el-col
      v-for="(radius, i) in radiusGroup"
      :key="i"
      :span="6"
      :xs="{ span: 12 }"
    >
      <div
        class="radius"
        :style="{
          borderRadius: radius.type
            ? `var(--el-border-radius-${radius.type})`
            : '',
        }"
      >
        <div class="left">
          <el-row class="mb-4">
            <el-button type="success">上一周</el-button>
            <el-button>今天</el-button>
            <el-button>下一周</el-button>
            <span class="tit1">2023-02-27 —— 2023-03-05</span>
          </el-row>
        </div>
        <div>
          <el-button type="primary" @click="exportData">导出</el-button>
        </div>
      </div>
    </el-col>
  </el-row>

  <!-- 表格 -->
  <div class="tableBody">
    <div class="pane1">
      <div class="pd10">
        <div class="pd10 gray2">排班表空白处：表示不上班休息</div>
        <table class="table table-bordered ftc" border="1" cellspacing="0">
          <thead>
            <tr>
              <th>姓名</th>
              <th>科室</th>
              <th>日期/时间</th>
              <th>
                2023/02/27 <br />
                周一
              </th>
              <th>
                2023/02/28 <br />
                周二
              </th>
              <th>
                2023/03/01 <br />
                周三
              </th>
              <th>
                2023/03/02 <br />
                周四
              </th>
              <th>
                2023/03/03 <br />
                周五
              </th>
              <th>
                2023/03/04 <br />
                周六
              </th>
              <th>
                2023/03/05 <br />
                周日
              </th>
              <th>操作</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td rowspan="3">胡勇</td>
              <td rowspan="3"></td>
              <td>上午</td>
              <td></td>
              <td>看病</td>
              <td>实打实</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>

              <td rowspan="3">
                <button
                  type="button"
                  scheduling_id="330"
                  class="btn btn-primary btn-sm schedulingEditBtn"
                  @click="edit($event)"
                >
                  编辑
                </button>
              </td>
            </tr>
            <tr>
              <td>下午</td>
              <td></td>
              <td>看病</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr>
              <td>晚上</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
          </tbody>
          <tbody>
            <tr>
              <td rowspan="3">哈哈哈</td>
              <td rowspan="3"></td>
              <td>上午</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>

              <td rowspan="3">
                <button
                  type="button"
                  scheduling_id="325"
                  class="btn btn-primary btn-sm schedulingEditBtn"
                >
                  编辑
                </button>
              </td>
            </tr>
            <tr>
              <td>下午</td>
              <td></td>
              <td></td>
              <td></td>
              <td>伟大</td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr>
              <td>晚上</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
          </tbody>
          <tbody>
            <tr>
              <td rowspan="3">杜鑫东</td>
              <td rowspan="3"></td>
              <td>上午</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td>看病</td>
              <td></td>
              <td></td>

              <td rowspan="3">
                <button
                  type="button"
                  scheduling_id="324"
                  class="btn btn-primary btn-sm schedulingEditBtn"
                >
                  编辑
                </button>
              </td>
            </tr>
            <tr>
              <td>下午</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr>
              <td>晚上</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
          </tbody>
          <tbody>
            <tr>
              <td rowspan="3">杜鑫东</td>
              <td rowspan="3"></td>
              <td>上午</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td>看病</td>
              <td></td>
              <td></td>

              <td rowspan="3">
                <button
                  type="button"
                  scheduling_id="323"
                  class="btn btn-primary btn-sm schedulingEditBtn"
                >
                  编辑
                </button>
              </td>
            </tr>
            <tr>
              <td>下午</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td>撒大声地</td>
              <td></td>
            </tr>
            <tr>
              <td>晚上</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
          </tbody>
          <tbody>
            <tr>
              <td rowspan="3">杜鑫东</td>
              <td rowspan="3">内科</td>
              <td>上午</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>

              <td rowspan="3">
                <button
                  type="button"
                  scheduling_id="322"
                  class="btn btn-primary btn-sm schedulingEditBtn"
                >
                  编辑
                </button>
              </td>
            </tr>
            <tr>
              <td>下午</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr>
              <td>晚上</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
          </tbody>
          <tbody>
            <tr>
              <td rowspan="3">杜鑫东</td>
              <td rowspan="3"></td>
              <td>上午</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>

              <td rowspan="3">
                <button
                  type="button"
                  scheduling_id="321"
                  class="btn btn-primary btn-sm schedulingEditBtn"
                >
                  编辑
                </button>
              </td>
            </tr>
            <tr>
              <td>下午</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr>
              <td>晚上</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
          </tbody>
          <tbody>
            <tr>
              <td rowspan="3">杜鑫东</td>
              <td rowspan="3">牙科</td>
              <td>上午</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>

              <td rowspan="3">
                <button
                  type="button"
                  scheduling_id="320"
                  class="btn btn-primary btn-sm schedulingEditBtn"
                >
                  编辑
                </button>
              </td>
            </tr>
            <tr>
              <td>下午</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr>
              <td>晚上</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
          </tbody>
          <tbody>
            <tr>
              <td rowspan="3">杜鑫东</td>
              <td rowspan="3">牙科</td>
              <td>上午</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>

              <td rowspan="3">
                <button
                  type="button"
                  scheduling_id="319"
                  class="btn btn-primary btn-sm schedulingEditBtn"
                >
                  编辑
                </button>
              </td>
            </tr>
            <tr>
              <td>下午</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr>
              <td>晚上</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
          </tbody>
          <tbody>
            <tr>
              <td rowspan="3">李菲菲</td>
              <td rowspan="3">牙科</td>
              <td>上午</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>

              <td rowspan="3">
                <button
                  type="button"
                  scheduling_id="318"
                  class="btn btn-primary btn-sm schedulingEditBtn"
                >
                  编辑
                </button>
              </td>
            </tr>
            <tr>
              <td>下午</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr>
              <td>晚上</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
          </tbody>
          <tbody>
            <tr>
              <td rowspan="3">张彪</td>
              <td rowspan="3"></td>
              <td>上午</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>

              <td rowspan="3">
                <button
                  type="button"
                  scheduling_id="317"
                  class="btn btn-primary btn-sm schedulingEditBtn"
                >
                  编辑
                </button>
              </td>
            </tr>
            <tr>
              <td>下午</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr>
              <td>晚上</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
          </tbody>
        </table>
      </div>
      <!-- 分页 -->
      <div class="paging mt20 mb20 ftc">
        <div class="paging mt20 mb20 ftc">
          <el-pagination
            small
            background
            layout="prev, pager, next"
            :total="50"
            class="mt-4"
          />
        </div>
      </div>
    </div>
  </div>

  <!-- 编辑弹窗 -->
  <div class="bombBox" id="schedulingBomb" v-show="isShow==true">
    <div class="bombContent whiteBg schedulingBomb">
      <div class="bombTit ftc">杜鑫东医生的排班</div>
      <div class="pd10">
        <div class="pd10 clearfix">
          <span class="l">排班周期：2017/10/15 - 10/25</span
          ><span class="r gray2">排班表空白处：表示不上班休息</span>
        </div>
        <table class="table table-bordered ftc">
          <thead>
            <tr>
              <th>日期/时间</th>
              <th>2023/02/20<br />周一</th>
              <th>2023/02/21<br />周二</th>
              <th>2023/02/22<br />周三</th>
              <th>2023/02/23<br />周四</th>
              <th>2023/02/24<br />周五</th>
              <th>2023/02/25<br />周六</th>
              <th>2023/02/26<br />周日</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>上午</td>
              <td>
                <div class="fublBox">
                  <input
                    type="hidden"
                    name="scheduling_week_id"
                    value="6490"
                  /><select
                    class="form-control form-itmeB"
                    name="registeredfee_id"
                  >
                    <option></option>
                    <option value="4">看病</option>
                    <option value="9">伟大</option>
                    <option value="10">实打实</option>
                    <option value="11">撒大声地</option>
                    <option value="16">吃药</option>
                    <option value="17">住院</option>
                  </select>
                </div>
              </td>
              <td>
                <div class="fublBox">
                  <input
                    type="hidden"
                    name="scheduling_week_id"
                    value="6491"
                  /><select
                    class="form-control form-itmeB"
                    name="registeredfee_id"
                  >
                    <option></option>
                    <option value="4">看病</option>
                    <option value="9">伟大</option>
                    <option value="10">实打实</option>
                    <option value="11">撒大声地</option>
                    <option value="16">吃药</option>
                    <option value="17">住院</option>
                  </select>
                </div>
              </td>
              <td>
                <div class="fublBox">
                  <input
                    type="hidden"
                    name="scheduling_week_id"
                    value="6492"
                  /><select
                    class="form-control form-itmeB"
                    name="registeredfee_id"
                  >
                    <option></option>
                    <option value="4">看病</option>
                    <option value="9">伟大</option>
                    <option value="10">实打实</option>
                    <option value="11">撒大声地</option>
                    <option value="16">吃药</option>
                    <option value="17">住院</option>
                  </select>
                </div>
              </td>
              <td>
                <div class="fublBox">
                  <input
                    type="hidden"
                    name="scheduling_week_id"
                    value="6493"
                  /><select
                    class="form-control form-itmeB"
                    name="registeredfee_id"
                  >
                    <option></option>
                    <option value="4">看病</option>
                    <option value="9">伟大</option>
                    <option value="10">实打实</option>
                    <option value="11">撒大声地</option>
                    <option value="16">吃药</option>
                    <option value="17">住院</option>
                  </select>
                </div>
              </td>
              <td>
                <div class="fublBox">
                  <input
                    type="hidden"
                    name="scheduling_week_id"
                    value="6494"
                  /><select
                    class="form-control form-itmeB"
                    name="registeredfee_id"
                  >
                    <option></option>
                    <option value="4">看病</option>
                    <option value="9">伟大</option>
                    <option value="10">实打实</option>
                    <option value="11">撒大声地</option>
                    <option value="16">吃药</option>
                    <option value="17">住院</option>
                  </select>
                </div>
              </td>
              <td>
                <div class="fublBox">
                  <input
                    type="hidden"
                    name="scheduling_week_id"
                    value="6495"
                  /><select
                    class="form-control form-itmeB"
                    name="registeredfee_id"
                  >
                    <option></option>
                    <option value="4">看病</option>
                    <option value="9">伟大</option>
                    <option value="10">实打实</option>
                    <option value="11">撒大声地</option>
                    <option value="16">吃药</option>
                    <option value="17">住院</option>
                  </select>
                </div>
              </td>
              <td>
                <div class="fublBox">
                  <input
                    type="hidden"
                    name="scheduling_week_id"
                    value="6496"
                  /><select
                    class="form-control form-itmeB"
                    name="registeredfee_id"
                  >
                    <option></option>
                    <option value="4">看病</option>
                    <option value="9">伟大</option>
                    <option value="10">实打实</option>
                    <option value="11">撒大声地</option>
                    <option value="16">吃药</option>
                    <option value="17">住院</option>
                  </select>
                </div>
              </td>
            </tr>
            <tr>
              <td>下午</td>
              <td>
                <div class="fublBox">
                  <input
                    type="hidden"
                    name="scheduling_week_id"
                    value="6497"
                  /><select
                    class="form-control form-itmeB"
                    name="registeredfee_id"
                  >
                    <option></option>
                    <option value="4">看病</option>
                    <option value="9">伟大</option>
                    <option value="10">实打实</option>
                    <option value="11">撒大声地</option>
                    <option value="16">吃药</option>
                    <option value="17">住院</option>
                  </select>
                </div>
              </td>
              <td>
                <div class="fublBox">
                  <input
                    type="hidden"
                    name="scheduling_week_id"
                    value="6498"
                  /><select
                    class="form-control form-itmeB"
                    name="registeredfee_id"
                  >
                    <option></option>
                    <option value="4">看病</option>
                    <option value="9">伟大</option>
                    <option value="10">实打实</option>
                    <option value="11">撒大声地</option>
                    <option value="16">吃药</option>
                    <option value="17">住院</option>
                  </select>
                </div>
              </td>
              <td>
                <div class="fublBox">
                  <input
                    type="hidden"
                    name="scheduling_week_id"
                    value="6499"
                  /><select
                    class="form-control form-itmeB"
                    name="registeredfee_id"
                  >
                    <option></option>
                    <option value="4">看病</option>
                    <option value="9">伟大</option>
                    <option value="10">实打实</option>
                    <option value="11">撒大声地</option>
                    <option value="16">吃药</option>
                    <option value="17">住院</option>
                  </select>
                </div>
              </td>
              <td>
                <div class="fublBox">
                  <input
                    type="hidden"
                    name="scheduling_week_id"
                    value="6500"
                  /><select
                    class="form-control form-itmeB"
                    name="registeredfee_id"
                  >
                    <option></option>
                    <option value="4">看病</option>
                    <option value="9">伟大</option>
                    <option value="10">实打实</option>
                    <option value="11">撒大声地</option>
                    <option value="16">吃药</option>
                    <option value="17">住院</option>
                  </select>
                </div>
              </td>
              <td>
                <div class="fublBox">
                  <input
                    type="hidden"
                    name="scheduling_week_id"
                    value="6501"
                  /><select
                    class="form-control form-itmeB"
                    name="registeredfee_id"
                  >
                    <option></option>
                    <option value="4">看病</option>
                    <option value="9">伟大</option>
                    <option value="10">实打实</option>
                    <option value="11">撒大声地</option>
                    <option value="16">吃药</option>
                    <option value="17">住院</option>
                  </select>
                </div>
              </td>
              <td>
                <div class="fublBox">
                  <input
                    type="hidden"
                    name="scheduling_week_id"
                    value="6502"
                  /><select
                    class="form-control form-itmeB"
                    name="registeredfee_id"
                  >
                    <option></option>
                    <option value="4">看病</option>
                    <option value="9">伟大</option>
                    <option value="10">实打实</option>
                    <option value="11">撒大声地</option>
                    <option value="16">吃药</option>
                    <option value="17">住院</option>
                  </select>
                </div>
              </td>
              <td>
                <div class="fublBox">
                  <input
                    type="hidden"
                    name="scheduling_week_id"
                    value="6503"
                  /><select
                    class="form-control form-itmeB"
                    name="registeredfee_id"
                  >
                    <option></option>
                    <option value="4">看病</option>
                    <option value="9">伟大</option>
                    <option value="10">实打实</option>
                    <option value="11">撒大声地</option>
                    <option value="16">吃药</option>
                    <option value="17">住院</option>
                  </select>
                </div>
              </td>
            </tr>
            <tr>
              <td>晚上</td>
              <td>
                <div class="fublBox">
                  <input
                    type="hidden"
                    name="scheduling_week_id"
                    value="6504"
                  /><select
                    class="form-control form-itmeB"
                    name="registeredfee_id"
                  >
                    <option></option>
                    <option value="4">看病</option>
                    <option value="9">伟大</option>
                    <option value="10">实打实</option>
                    <option value="11">撒大声地</option>
                    <option value="16">吃药</option>
                    <option value="17">住院</option>
                  </select>
                </div>
              </td>
              <td>
                <div class="fublBox">
                  <input
                    type="hidden"
                    name="scheduling_week_id"
                    value="6505"
                  /><select
                    class="form-control form-itmeB"
                    name="registeredfee_id"
                  >
                    <option></option>
                    <option value="4">看病</option>
                    <option value="9">伟大</option>
                    <option value="10">实打实</option>
                    <option value="11">撒大声地</option>
                    <option value="16">吃药</option>
                    <option value="17">住院</option>
                  </select>
                </div>
              </td>
              <td>
                <div class="fublBox">
                  <input
                    type="hidden"
                    name="scheduling_week_id"
                    value="6506"
                  /><select
                    class="form-control form-itmeB"
                    name="registeredfee_id"
                  >
                    <option></option>
                    <option value="4">看病</option>
                    <option value="9">伟大</option>
                    <option value="10">实打实</option>
                    <option value="11">撒大声地</option>
                    <option value="16">吃药</option>
                    <option value="17">住院</option>
                  </select>
                </div>
              </td>
              <td>
                <div class="fublBox">
                  <input
                    type="hidden"
                    name="scheduling_week_id"
                    value="6507"
                  /><select
                    class="form-control form-itmeB"
                    name="registeredfee_id"
                  >
                    <option></option>
                    <option value="4">看病</option>
                    <option value="9">伟大</option>
                    <option value="10">实打实</option>
                    <option value="11">撒大声地</option>
                    <option value="16">吃药</option>
                    <option value="17">住院</option>
                  </select>
                </div>
              </td>
              <td>
                <div class="fublBox">
                  <input
                    type="hidden"
                    name="scheduling_week_id"
                    value="6508"
                  /><select
                    class="form-control form-itmeB"
                    name="registeredfee_id"
                  >
                    <option></option>
                    <option value="4">看病</option>
                    <option value="9">伟大</option>
                    <option value="10">实打实</option>
                    <option value="11">撒大声地</option>
                    <option value="16">吃药</option>
                    <option value="17">住院</option>
                  </select>
                </div>
              </td>
              <td>
                <div class="fublBox">
                  <input
                    type="hidden"
                    name="scheduling_week_id"
                    value="6509"
                  /><select
                    class="form-control form-itmeB"
                    name="registeredfee_id"
                  >
                    <option></option>
                    <option value="4">看病</option>
                    <option value="9">伟大</option>
                    <option value="10">实打实</option>
                    <option value="11">撒大声地</option>
                    <option value="16">吃药</option>
                    <option value="17">住院</option>
                  </select>
                </div>
              </td>
              <td>
                <div class="fublBox">
                  <input
                    type="hidden"
                    name="scheduling_week_id"
                    value="6510"
                  /><select
                    class="form-control form-itmeB"
                    name="registeredfee_id"
                  >
                    <option></option>
                    <option value="4">看病</option>
                    <option value="9">伟大</option>
                    <option value="10">实打实</option>
                    <option value="11">撒大声地</option>
                    <option value="16">吃药</option>
                    <option value="17">住院</option>
                  </select>
                </div>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="ftc mb20">
        <button type="button" class="btn btn-primary ml20 cancelBtn" @click="closeEdit">
          确定
        </button>
      </div>
    </div>
    <div class="bombMask"></div>
  </div>
</template>

<script lang="ts" setup>
import { reactive, ref } from "vue";
import {
  Check,
  Delete,
  Edit,
  Message,
  Search,
  Star,
} from "@element-plus/icons-vue";
//上框
const radiusGroup = ref([
  {
    name: "Small Radius",
    type: "small",
  },
]);

const getValue = (type: string) => {
  const getCssVarValue = (prefix: any, type: any) =>
    getComputedStyle(document.documentElement).getPropertyValue(
      `--el-${prefix}-${type}`
    );
  return getCssVarValue("border-radius", type);
};

//按钮
const search = reactive({
  name: null,
});

// 控制编辑按钮出现
let isShow=ref(false);
const edit:any=()=>{
  isShow.value  =true
 }

 const closeEdit=()=>{
  isShow.value  =false
 }
//查询
const exportData = () => {};
</script>
<style scoped>
.demo-radius .title {
  color: var(--el-text-color-regular);
  font-size: 18px;
  margin: 10px 0;
}
.demo-radius .value {
  color: var(--el-text-color-primary);
  font-size: 16px;
  margin: 10px 0;
}
.demo-radius .radius {
  height: 40px;
  width: 70%;
  border: 1px solid var(--el-border-color);
  border-radius: 0;
  margin-top: 20px;
}

/* 上框 */
.demo-radius .radius {
  height: 60px;
  width: 1215px;
  border: 1px solid var(--el-border-color);
  border-radius: 0;
  margin: 20px 0;
  box-shadow: 0px 0px 5px 0px #88888831;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  background-color: #ffffff;
}
.left {
  color: #676a6d;
}
/* 日期显示 */
.tit1 {
  font-size: 20px;
  text-align: center;
  margin-left: 20px;
}

/* 表格 */
.tableBody {
  background-color: rgb(243, 245, 248);
  font-family: "sans-serif";
  font-size: 15px;
  color: rgb(103, 106, 109);
}

.panel {
  border-radius: 3px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  background-color: #fff;
  margin-bottom: 30px;
  border: 1px solid transparent;
}
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
  border: 1px solid #ddd;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
}
.pd10 {
  padding: 10px;
  background-color: #ffffff;
}
.gray2,
.gray2 * {
  color: #999 !important;
}
.ftc {
  text-align: center !important;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

/* 编辑按钮 */
.btn-primary {
  background-color: #00aaff;
  border-color: #00a0f0;
}
.btn-group-sm > .btn,
.btn-sm {
  padding: 5px 18px;
}
.btn {
  border-radius: 2px;
  box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.122);
}
.btn-group-sm > .btn,
.btn-sm {
  font-size: 12px;
  line-height: 1.5;
}
.btn-primary {
  color: #fff;
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
}
button,
input,
select,
textarea {
  font-family: inherit;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
}
button,
select {
  text-transform: none;
}
button {
  overflow: visible;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
}
.edit{
  }
/* 分页 */
.mt20 {
  margin-top: 20px !important;
}
.mt-4 {
  margin-left: 506px;
}

/* 编辑弹窗 */
.bombBox {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1010;
}
.bombBox .bombContent {
    min-width: 300px;
    display: table;
    margin: -260px auto 0;
    position: relative;
    top: 50%;
    z-index: 1;
}

.whiteBg {
    background-color: #fff!important;
}
.bombBox .bombMask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.6;
    z-index: 0;
}
.bombBox .bombTit {
    height: 40px;
    line-height: 40px;
    text-indent: 10px;
    font-size: 16px;
    background-color: #f1f1f1;
    overflow: hidden;
    border-radius: 4px 4px 0 0;
}
.ftc {
    text-align: center!important;
}
.pd10 {
    padding: 10px;
}
.mb20 {
    margin-bottom: 20px!important;
}
.ftc {
    text-align: center!important;
}
.clearfix {
    zoom: 1;
}
.table-bordered {
    border: 1px solid #ddd;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
table {
    border-collapse: collapse;
}

table {
    background-color: transparent;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
.bombBox .bombMask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.6;
    z-index: 0;
}
.l {
    float: left;
}
.r {
    float: right;
}

* {
  box-sizing: border-box;
}
</style>
